<template>
    <div class="fire_title"
        :style="{'top':item.top,'left':item.left}"
        v-show="item.show">
        <p>
            <span class="fire1">名称</span>
            <span class="fire2">{{item.name}}</span>
        </p>
        <p style="margin-top: 0.1rem;">
            <span class="fire1">地址</span>
            <span class="fire2">{{item.address}}</span>
        </p>
    </div>
</template>
<script>
export default {
    name: 'FireTitle',
    props: {
        item: Object
    }
};
</script>
<style scoped>
.fire_title {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    padding: 0.1rem;
    background: #0062b3;
}
.fire_title p .fire1 {
    color: #06b6fc;
}
.fire_title p .fire2 {
    color: #7fd3f7;
    margin-left: 0.1rem;
}
</style>

